<style>
	input#amount_money
	{
		padding:10px 20px;
		font-size:30px;
		font-family:DigitaldreamFatNarrowRegular;
		text-align:right;
		width:266px;
	}
	
	.ui-menu .ui-menu-item a{
			font-size:11px;
			font-weight:bold;
	}
	.ui-autocomplete.source:hover {
		background: #454545;
	}
	.ui-autocomplete-loading {
    background: white url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif') right center no-repeat;
  }
</style>
<div class="row structured">
	<div class="panel"><h6>Payment Center for TUITION/MATRICULATION/MISC Fees</h6></div>
	<div class="large-12 columns">
	<div class="panel">
	<?if(isset($system_message))echo $system_message;?>
	<?if(isset($structuredvalidationerror)):?>
			<?=$structuredvalidationerror;?>
	<?endif?>
	
	
	<?echo form_open('fees/payment_center','class="custom" autocomplete="off""');?>
	
	<div class="row collapse">
		<div class="small-4 large-4 columns">
			<span class="prefix">Student ID Number</span>
		</div>
		<div class="small-8 large-8 columns">
			<div class="ui-widget">
			<input class="searchInput" autocomplete="off" placeholder="To Search student, Enter Student Name OR ID Number" url="<?=site_url('output/ajax_search_student');?>" type="text" name="student" value="<?=set_value('student');?>">
			</div>
		</div>
	</div>

	<div class="row collapse">
		<div class="small-3 large-2 columns">
			<span class="prefix">OR Number</span>
		</div>
		<div class="small-9 large-10 columns">
			<input type="text" name="spr_or_no" autocomplete="off" placeholder="Payment OR Number" value="<?php echo set_value('spr_or_no');?>">
		</div>
	</div>
	
	<div class="row collapse">
		<div class="small-3 large-2 columns">
			<span id="amount_money" class="prefix">&#8369;</span>
		</div>
		<div class="small-9 large-10 columns">
			<input id="amount_money" autocomplete="off" type="text" name="ammount_paid" placeholder="Amount" value="<?php echo set_value('ammount_paid');?>">
		</div>
	</div>
	
	<div class="row collapse">
		<div class="small-3 large-2 columns">
			<span class="prefix">Date of Payment</span>
		</div>
		<div class="small-9 large-10 columns">
			<input type="text" name="date_of_payment" autocomplete="off"  placeholder="MM/DD/YYY " class ="datepicker-payment" value="<?php echo set_value('date_of_payment',$current_time);?>">
		</div>
	</div>
	
	<div class="input-block">
		<label>Remarks</label>
		<textarea name="remarks"><?php echo set_value('remarks','','autocomplete="off"');?></textarea>
	</div>
	<input type="hidden" name="loc_sdi" value="<?echo $token;?>">
	<input type="submit" class="button tiny" name="add_payment_record" value="Add Payment Record">
	</form>
	</div>
	</div>
</div>